<template>
  <div class="middlerect">
    <h1>middle中的盒子</h1>
  </div>
</template>

<script>
export default {
  name: "MiddleRect",
  props: [""],
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {},

  watch: {},
};
</script>
<style scoped>
.middlerect {
  width: 50%;
  height: 50px;
  background-color: yellow;
}
</style>